// import React, { useState, useEffect } from 'react'
// import { List, Cell, Card, Image } from 'react-vant'
// import styles from '../css/News.module.css'
// import { Arrow, Like } from '@react-vant/icons'
// import { TypeListQuery } from '../sevice/NewService'


// export default function AllFashion() {

//     let [newList, setnewList] = useState([])

//     let [pageSize, setpageSize] = useState(7)
//     let [pageNum, setpageNum] = useState(1)

//     useEffect(() => {
//          getList()
//     }, [])

//     let getList = async () => {
//         let { data } = await TypeListQuery({ pageNum, pageSize })
//         if (data.code == 200) {
//             setnewList(data.rows)
//         }
//     }


//     const [finished, setFinished] = useState(false)

//     const onLoad = () => {

//         setTimeout(() => {
//             setpageNum(pageNum + 1)

//             TypeListQuery({
//                 pageNum,
//                 pageSize
//             }).then((data) => {
//                 if (data.code == 200) {
//                     if (data.rows.length) {
//                         setnewList([...newList, data.rows])
//                     }
//                 }
//             })

//         }, 1000)

//         setFinished(false)

//         if (newList.length >= 39) {   //判断是否加载完了  
//             setFinished(true)
//         }
//     }


//     return (
//         <div>

//             <List finished={finished} onLoad={onLoad}>

//                 {/* {list.map((_, i) => (
//                     <Cell key={i} title={i + 1} />
//                 ))}
//                 */}

//                 {newList.map(item => {

//                     return <div style={{
//                         paddingTop: 10,
//                         margin: 10,
//                         borderBottom: ' 0.5px  solid grey '
//                     }} key={item.id}>

//                         <Card >
//                             <Card.Cover>
//                                 <Image lazyload src={"/api" + item.cover}
//                                     style={{ height: 100, width: '100%' }} />
//                             </Card.Cover>
//                             <Card.Header extra={<Arrow />}>
//                                 {item.title}
//                             </Card.Header>
//                             <Card.Body className={styles.a}>
//                                 {item.content}
//                             </Card.Body>
//                             <div style={{ marginLeft: 200, marginTop: 10, paddingBottom: 10, }}>2022-12-14 15:33:57</div>
//                         </Card>
//                     </div>

//                 })}
 
//             </List>

//         </div>
//     )
// }


import React, { useState, useEffect } from 'react'
import styles from '../css/News.module.css'
import { Arrow, Like } from '@react-vant/icons'
import { Card, Image } from 'react-vant'
import { TypeListQuery } from '../sevice/NewService'
import { useNavigate } from 'react-router-dom'
export default function AllFashion() {

    const navigate = useNavigate();
    let [newList, setnewList] = useState([])

    useEffect(() => {
        (async () => {
            let { data } = await TypeListQuery(
                {
                    type: '27'
                }
            )
            if (data.code == 200) {
                if (data.rows.length) {
                    setnewList(data.rows)
                }
            }
        })()
    }, [])


 

    const BtnId = (id) => {

       navigate(`/Lifepay/newDetail/${id}`)

    }



    return (
        <div>

            {newList.map(item => {

                return <div style={{
                    paddingTop: 10,
                    margin: 10,
                    borderBottom: ' 0.5px  solid grey '
                }} key={item.id}
                    onClick={() => {
                        BtnId(item.id)
                    }}>

                    <Card >
                        <Card.Cover>
                            <Image lazyload src={"/api" + item.cover}
                                style={{ height: 100, width: '100%' }} />
                        </Card.Cover>
                        <Card.Header extra={<Arrow />}>
                            {item.title}
                        </Card.Header>
                        <Card.Body className={styles.a}>
                            {item.content}
                        </Card.Body>
                        <div style={{ marginLeft: 200, marginTop: 10, paddingBottom: 10, }}>2022-12-14 15:33:57</div>
                    </Card>
                </div>

            })}

        </div>
    )
}
